import DatePickerWithRange from "~/registry/default/examples/date-picker-with-range"
import { Card, CardContent } from "~/registry/miami/ui/card"
import { Label } from "~/registry/miami/ui/label"

export function DemoDatePicker() {
   return (
      <Card>
         <CardContent className="pt-6">
            <div className="space-y-2">
               <Label htmlFor="date" className="shrink-0">
                  Pick a date
               </Label>
               <DatePickerWithRange className="[&>button]:w-[260px]" />
            </div>
         </CardContent>
      </Card>
   )
}
